﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Select Shipping</title>
    <link rel="stylesheet" href="${contextPath }/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/validation/validation.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/client/VerifyAndShippingSimplex.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/client/Shipping.js"></script>

</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">Place Order</p>
                            <p>Your order is based on the information you provide in your quote. This process begins with the configuration details. You can select 'Edit' next to 'Quote Complete' to adjust data you provided in the original quote.</p>
                            <br />
                            <h2 class="order normal-gray">
                                Quote Complete
                                <a href="${contextPath}/edit-quote/system-configuration-simplex" class="edit-quote-shortlink">Edit</a>
                            </h2>
                            <h2 class="order">Product Configuration</h2>
                            <h2 class="order">Shipping Details</h2>
                            <div class="quoteProcessContainer">
                                <div class="quote-process-item-active">
                                    <span class="passed" style="margin-left: 5px;">
                                        STEP 1: Select Shipping
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span style="margin-left: 5px;">
                                        STEP 2: Verify Shipping
                                    </span>
                                </div>
                            </div>
                            <h2 class="order">Finish Order</h2>

                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                                SHIPPING DETAILS
                            </div>
                            <div class="wrap-item-container">
                                <p class="mceTextOrange">
                                    JOB NAME: <span class="bold colorDefault">FPT Test Data</span>
                                </p>
                            </div>
                            <div class="wrap-item-container" style="margin-top:-10px">
                                <p class="dashboad-description">
                                    Please complete the shipping information below and select "Verify Shipping".
                                </p>
                            </div>
                            <div class="wrap-item-container">
                                <input id="rdoSameLocationShipped" onclick="showHideControls(1);" type="radio" class="mce" value="1" name="componentType" />
                                <label for="rdoSameLocationShipped"  class="inactive" id="labelForRdoSameLocationShipped">
                                    I would like to all components shipped to same location
                                </label>
                                <div class="clearBoth"></div>
                                <input id="rdoDifferenceLocationShipped" onclick="showHideControls(2);" checked="checked" type="radio" class="mce" value="2" name="componentType" />
                                <label for="rdoDifferenceLocationShipped" id="labelForRdoDifferenceLocationShipped">
                                    I would like to all components shipped to different locations
                                </label>
                            </div>
                            <div class="wrap-item-container" style=" margin-top:20px">
                                <h3>Freight Option</h3>
                            </div>
                            <div class="wrap-item-container" style="margin-bottom:-10px;">
                                <hr class="yellow-hr" style="margin:0px; width:100%;" />
                            </div>
                            <div class="wrap-item-container" style="min-height:19px;">
                                <input id="rdoMceSelected" onclick="showHideFreightOptionSelector(1);" checked="checked" type="radio" class="mce" value="1" name="locationSelect" />
                                <label for="rdoMceSelected" id="labelRdoMceSelected">
                                    MCE to select
                                </label>
                                <div class="clearBoth"></div>
                                <input id="rdoCusSelected" onclick="showHideFreightOptionSelector(2);" type="radio" class="mce" value="2" name="locationSelect" />
                                <label for="rdoCusSelected" id="labelRdoCustomerSelected" class="inactive">
                                    Customer Account
                                </label>
                                <div class="clearBoth"></div>
                                <div class="mce-align-center wd_550" style="margin-top:0px;">
                                    <div class="wrap-item-container">
                                        <div class="html-control-container">
                                            <div id="carrierOrFreightForwarder" class="label-wrap wd_200 inactive">Carrier (or Freight Forwarder):</div>
                                            <div class="field-wrap">
                                                <input id="carrierOrFreightForwarderInput" readonly="readonly" type="text" class="mce disabled" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wrap-item-container">
                                        <div class="html-control-container">
                                            <div id="shippingAccountNumber" class="label-wrap wd_200 inactive">Shipping Account Number:</div>
                                            <div class="field-wrap">
                                                <input id="shippingAccountNumberInput" readonly="readonly" type="text" class="mce disabled" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wrap-item-container">
                                        <p id="noteForExpeditedShipping" class="inactive"><span class="required">*</span> Note: If expedited shipping is required please call Shipping/ Scheduling 1-800-444-7442 </p>
                                    </div>
                                </div>
                            </div>
                            <div class="wrap-item-container">
                                <input id="checkTruckWithLiftGate" type="checkbox" />
                                <label for="checkTruckWithLiftGate" id="labelForCheckTruckWithLiftGate" class="inactive">Truck with Lift Gate Required </label>
                            </div>
                            <div class="wrap-item-container">
                                <input id="checkAdvancedNotice" type="checkbox" />
                                <label for="checkAdvancedNotice" id="labelForCheckAdvancedNotice" class="inactive">Advanced Notice Required </label>  
                                <div class="clearBoth"></div>  
                                <div class="mce-align-center wd_550" style="margin-top:0px;">
                                    <div class="wrap-item-container">
                                        <div class="html-control-container">
                                            <div id="contactName" class="label-wrap wd_200 inactive">Contact Name:</div>
                                            <div class="field-wrap">
                                                <input id="contactNameInput" type="text" readonly="readonly" class="mce disabled" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wrap-item-container">
                                        <div class="html-control-container">
                                            <div id="contactPhone" class="label-wrap wd_200 inactive">Contact Phone:</div>
                                            <div class="field-wrap">
                                                <input id="contactPhoneInput" type="text" readonly="readonly" class="mce disabled" />
                                            </div>
                                        </div>
                                    </div>
                                </div>                            
                            </div>                            
                            <div class="wrap-item-container" style="min-height:19px;">
                                <div id="componentTabs">
                                    <ul>
                                        <li><a href="#carComponent">Car</a></li>
                                    </ul>
                                    <div id="carComponent">
                                        <div class="wrap-item-container">
                                            <h3>Component List </h3>
                                        </div>
                                        <div class="wrap-item-container" style="margin-bottom:-10px;">
                                            <hr class="yellow-hr" style="margin:0px; width:100%;" />
                                        </div>
                                        <div class="wrap-item-container">
                                            <div class="html-control-container">
                                                <span class="tag">1. Element Hydro Controller </span>
                                            </div>
                                        </div>
                                        <div class="wrap-item-container">
                                            <div class="html-control-container">
                                                <span class="tag">2. LS-QUTE Landing System </span>                                                
                                            </div>
                                        </div>
                                        <div class="wrap-item-container">
                                            <div class="html-control-container">
                                                <span class="tag">3. Serial COP Kit </span>
                                            </div>
                                        </div>
                                        <div class="wrap-item-container">
                                            <div class="html-control-container">
                                                <span class="tag">4. Serial Hall Kit </span>
                                            </div>
                                        </div>
                                        <div class="wrap-item-container">
                                            <div class="html-control-container">
                                                <span class="tag">5. Door Operator Interface</span> 
                                            </div>
                                        </div>
                                        <div class="wrap-item-container">
                                            <div class="html-control-container">
                                                <span class="tag">6. Traveler Cable</span>
                                            </div>
                                        </div>
                                        <div class="wrap-item-container">
                                            <div class="buttonContainer" style="float:left;">
                                                <input type="submit" onclick="clearAllShippingDetail();" style="float:none;" class="mce back" value="ERASE ALL" />
                                            </div>
                                        </div>
                                        <div class="clearBoth"></div>
                                        <div id="addressInfoSameLocation">
                                            <div class="wrap-item-container">
                                                <h3>
                                                    Shipping Address
                                                </h3>
                                                <div class="shippingContainerInfo">
                                                    <table class="mce">
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Name</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" class="mce wd_125 shippingName" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Ship Date</div>
                                                                    <div class="field-wrap">
                                                                        <input readonly="readonly" type="text" class="mce wd_125 mce_datepicker shipDate" />
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Street</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" class="mce wd_125 shippingStreet" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Country</div>
                                                                    <div class="field-wrap">
                                                                        <select class="mce wd_125" style="min-width:0px;">
                                                                            <option>United States</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">City</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" class="mce wd_125 shippingCity" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">State</div>
                                                                    <div class="field-wrap">
                                                                        <input type="text" class="mce wd_35 disabled" value="AK" />
                                                                        <select class="mce" style="width:80px; min-width:0px;">
                                                                            <optgroup label="Select">

                                                                                <option value="AK">
                                                                                    Alaska
                                                                                </option>

                                                                                <option value="AL">
                                                                                    Alabama
                                                                                </option>

                                                                                <option value="AR">
                                                                                    Arkansas
                                                                                </option>

                                                                                <option value="AS">
                                                                                    American Samoa
                                                                                </option>

                                                                                <option value="AZ">
                                                                                    Arizona
                                                                                </option>

                                                                                <option value="CA">
                                                                                    California
                                                                                </option>

                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td rowspan="3">
                                                                <span>Zip</span>
                                                                <input type="text" class="mce shippingZip" style="min-width:0px; width:50px;" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="addressInfoDifferenceLocation">
                                            <div class="wrap-item-container box-item" style="margin-top: 10px;">
                                                <h3>
                                                    Shipping Address
                                                </h3>
                                                <p>Element Hydro Controller
                                                <span class="float_right delete" onclick="clearAddress();" title="Change address">&nbsp;</span></p>
                                                <div class="shippingContainerInfo">
                                                    <table class="mce">
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Name</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="name" class="mce wd_125 shippingName"  value="44-11 Eleventh"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Ship Date</div>
                                                                    <div class="field-wrap">
                                                                        <input readonly="readonly" type="text" class="mce wd_125 mce_datepicker shipDate"  value="11/20/2014"/>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Street</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="street" class="mce wd_125 shippingStreet" value="Long Island" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Country</div>
                                                                    <div class="field-wrap">
                                                                        <select class="mce wd_125" style="min-width:0px;" id="country">
                                                                            <option>United States</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">City</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="city" class="mce wd_125 shippingCity"  value="South Australia"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">State</div>
                                                                    <div class="field-wrap">
                                                                        <input type="text" class="mce wd_35 disabled" value="AK" />
                                                                        <select class="mce" style="width:80px; min-width:0px;" id="state">
                                                                            <optgroup label="Select">

                                                                                <option value="AK">
                                                                                    Alaska
                                                                                </option>

                                                                                <option value="AL">
                                                                                    Alabama
                                                                                </option>

                                                                                <option value="AR">
                                                                                    Arkansas
                                                                                </option>

                                                                                <option value="AS">
                                                                                    American Samoa
                                                                                </option>

                                                                                <option value="AZ">
                                                                                    Arizona
                                                                                </option>

                                                                                <option value="CA">
                                                                                    California
                                                                                </option>

                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td rowspan="3">
                                                                <span>Zip</span>
                                                                <input type="text" class="mce shippingZip" style="min-width:0px; width:50px;" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="wrap-item-container box-item">
                                                <h3>
                                                    Shipping Address
                                                </h3>
                                                <p>LS-QUTE Landing System
                                                <span class="float_right delete" onclick="clear1();" title="Change address">&nbsp;</span>
                                                </p>
                                                <div class="shippingContainerInfo">
                                                    <table class="mce">
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Name</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="name1" class="mce wd_125 shippingName"  value="44-11 Eleventh"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Ship Date</div>
                                                                    <div class="field-wrap">
                                                                        <input readonly="readonly" type="text" class="mce wd_125 mce_datepicker shipDate"  value="11/20/2014"/>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Street</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="street1" class="mce wd_125 shippingStreet" value="Long Island" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Country</div>
                                                                    <div class="field-wrap">
                                                                        <select class="mce wd_125" style="min-width:0px;" id="country1">
                                                                        	<option value="0"></option>
                                                                            <option value="1" selected="selected">United States</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">City</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="city1" class="mce wd_125 shippingCity"  value="South Australia"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">State</div>
                                                                    <div class="field-wrap">
                                                                        <input type="text" class="mce wd_35 disabled" value="AK" />
                                                                        <select class="mce" style="width:80px; min-width:0px;" id="state1">
                                                                            <optgroup label="Select">
																				<option value="0">                                                                                   
                                                                                </option>
                                                                                		
                                                                                <option value="AK"  selected="selected">
                                                                                    Alaska
                                                                                </option>

                                                                                <option value="AL">
                                                                                    Alabama
                                                                                </option>

                                                                                <option value="AR">
                                                                                    Arkansas
                                                                                </option>

                                                                                <option value="AS">
                                                                                    American Samoa
                                                                                </option>

                                                                                <option value="AZ">
                                                                                    Arizona
                                                                                </option>

                                                                                <option value="CA">
                                                                                    California
                                                                                </option>

                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td rowspan="3">
                                                                <span>Zip</span>
                                                                <input type="text" class="mce shippingZip" style="min-width:0px; width:50px;" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="wrap-item-container box-item" >
                                                <h3>
                                                    Shipping Address
                                                </h3>
                                                <p>
                                                    Serial COP Kit
                                                    <span class="float_right delete" onclick="clear2();" title="Change address">&nbsp;</span>
                                                </p>
                                                <div class="shippingContainerInfo">
                                                    <table class="mce">
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Name</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="name2" class="mce wd_125 shippingName"  value="44-11 Eleventh"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Ship Date</div>
                                                                    <div class="field-wrap">
                                                                        <input readonly="readonly" type="text" class="mce wd_125 mce_datepicker shipDate"  value="11/20/2014"/>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Street</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="street2" class="mce wd_125 shippingStreet" value="Long Island" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Country</div>
                                                                    <div class="field-wrap">
                                                                        <select class="mce wd_125" style="min-width:0px;" id="country2">
                                                                        	<option value="0"></option>
                                                                            <option value="1" selected="selected">United States</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">City</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="city2" class="mce wd_125 shippingCity"  value="South Australia"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">State</div>
                                                                    <div class="field-wrap">
                                                                        <input type="text" class="mce wd_35 disabled" value="AK" />
                                                                        <select class="mce" style="width:80px; min-width:0px;" id="state2">
                                                                            <optgroup label="Select">
																				<option value="0">                                                                                   
                                                                                </option>
                                                                                		
                                                                                <option value="AK"  selected="selected">
                                                                                    Alaska
                                                                                </option>

                                                                                <option value="AL">
                                                                                    Alabama
                                                                                </option>

                                                                                <option value="AR">
                                                                                    Arkansas
                                                                                </option>

                                                                                <option value="AS">
                                                                                    American Samoa
                                                                                </option>

                                                                                <option value="AZ">
                                                                                    Arizona
                                                                                </option>

                                                                                <option value="CA">
                                                                                    California
                                                                                </option>

                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td rowspan="3">
                                                                <span>Zip</span>
                                                                <input type="text" class="mce shippingZip" style="min-width:0px; width:50px;" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="wrap-item-container box-item" >
                                                <h3>
                                                    Shipping Address
                                                </h3>
                                                <p>
                                                    Serial Hall Kit
                                                    <span class="float_right delete" onclick="clear3();" title="Change address">&nbsp;</span>
                                                </p>
                                                <div class="shippingContainerInfo">
                                                    <table class="mce">
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Name</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="name3" class="mce wd_125 shippingName"  value="44-11 Eleventh"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Ship Date</div>
                                                                    <div class="field-wrap">
                                                                        <input readonly="readonly" type="text" class="mce wd_125 mce_datepicker shipDate"  value="11/20/2014"/>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Street</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="street3" class="mce wd_125 shippingStreet" value="Long Island" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Country</div>
                                                                    <div class="field-wrap">
                                                                        <select class="mce wd_125" style="min-width:0px;" id="country3">
                                                                        	<option value="0"></option>
                                                                            <option value="1" selected="selected">United States</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">City</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="city3" class="mce wd_125 shippingCity"  value="South Australia"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">State</div>
                                                                    <div class="field-wrap">
                                                                        <input type="text" class="mce wd_35 disabled" value="AK" />
                                                                        <select class="mce" style="width:80px; min-width:0px;" id="state3">
                                                                            <optgroup label="Select">
																				<option value="0">                                                                                   
                                                                                </option>
                                                                                		
                                                                                <option value="AK"  selected="selected">
                                                                                    Alaska
                                                                                </option>

                                                                                <option value="AL">
                                                                                    Alabama
                                                                                </option>

                                                                                <option value="AR">
                                                                                    Arkansas
                                                                                </option>

                                                                                <option value="AS">
                                                                                    American Samoa
                                                                                </option>

                                                                                <option value="AZ">
                                                                                    Arizona
                                                                                </option>

                                                                                <option value="CA">
                                                                                    California
                                                                                </option>

                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td rowspan="3">
                                                                <span>Zip</span>
                                                                <input type="text" class="mce shippingZip" style="min-width:0px; width:50px;" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="wrap-item-container box-item" >
                                                <h3>
                                                    Shipping Address
                                                </h3>
                                                <p>
                                                    Door Operator Interface
                                                    <span class="float_right delete" onclick="clear4();" title="Change address">&nbsp;</span>
                                                </p>
                                                <div class="shippingContainerInfo">
                                                    <table class="mce">
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Name</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="name4" class="mce wd_125 shippingName"  value="44-11 Eleventh"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Ship Date</div>
                                                                    <div class="field-wrap">
                                                                        <input readonly="readonly" type="text" class="mce wd_125 mce_datepicker shipDate"  value="11/20/2014"/>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Street</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="street4" class="mce wd_125 shippingStreet" value="Long Island" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Country</div>
                                                                    <div class="field-wrap">
                                                                        <select class="mce wd_125" style="min-width:0px;" id="country4">
                                                                        	<option value="0"></option>
                                                                            <option value="1" selected="selected">United States</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">City</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="city4" class="mce wd_125 shippingCity"  value="South Australia"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">State</div>
                                                                    <div class="field-wrap">
                                                                        <input type="text" class="mce wd_35 disabled" value="AK" />
                                                                        <select class="mce" style="width:80px; min-width:0px;" id="state4">
                                                                            <optgroup label="Select">
																				<option value="0">                                                                                   
                                                                                </option>
                                                                                		
                                                                                <option value="AK"  selected="selected">
                                                                                    Alaska
                                                                                </option>

                                                                                <option value="AL">
                                                                                    Alabama
                                                                                </option>

                                                                                <option value="AR">
                                                                                    Arkansas
                                                                                </option>

                                                                                <option value="AS">
                                                                                    American Samoa
                                                                                </option>

                                                                                <option value="AZ">
                                                                                    Arizona
                                                                                </option>

                                                                                <option value="CA">
                                                                                    California
                                                                                </option>

                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td rowspan="3">
                                                                <span>Zip</span>
                                                                <input type="text" class="mce shippingZip" style="min-width:0px; width:50px;" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                            <div class="wrap-item-container box-item" >
                                                <h3>
                                                    Shipping Address
                                                </h3>
                                                <p>
                                                    Traveler Cable
                                                    <span class="float_right delete" onclick="clear5();" title="Change address">&nbsp;</span>
                                                </p>
                                                <div class="shippingContainerInfo">
                                                    <table class="mce">
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Name</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="name5" class="mce wd_125 shippingName"  value="44-11 Eleventh"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Ship Date</div>
                                                                    <div class="field-wrap">
                                                                        <input readonly="readonly" type="text" class="mce wd_125 mce_datepicker shipDate"  value="11/20/2014"/>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">Street</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="street5" class="mce wd_125 shippingStreet" value="Long Island" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">Country</div>
                                                                    <div class="field-wrap">
                                                                        <select class="mce wd_125" style="min-width:0px;" id="country5">
                                                                        	<option value="0"></option>
                                                                            <option value="1" selected="selected">United States</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="wrap-item-container">
                                                                    <div class="html-control-container">
                                                                        <div class="label-wrap wd_75" style="min-width:70px;">City</div>
                                                                        <div class="field-wrap">
                                                                            <input type="text" id="city5" class="mce wd_125 shippingCity"  value="South Australia"/>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="html-control-container">
                                                                    <div class="label-wrap wd_75" style="min-width:70px;">State</div>
                                                                    <div class="field-wrap">
                                                                        <input type="text" class="mce wd_35 disabled" value="AK" />
                                                                        <select class="mce" style="width:80px; min-width:0px;" id="state5">
                                                                            <optgroup label="Select">
																				<option value="0">                                                                                   
                                                                                </option>
                                                                                		
                                                                                <option value="AK"  selected="selected">
                                                                                    Alaska
                                                                                </option>

                                                                                <option value="AL">
                                                                                    Alabama
                                                                                </option>

                                                                                <option value="AR">
                                                                                    Arkansas
                                                                                </option>

                                                                                <option value="AS">
                                                                                    American Samoa
                                                                                </option>

                                                                                <option value="AZ">
                                                                                    Arizona
                                                                                </option>

                                                                                <option value="CA">
                                                                                    California
                                                                                </option>

                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td rowspan="3">
                                                                <span>Zip</span>
                                                                <input type="text" class="mce shippingZip" style="min-width:0px; width:50px;" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        
                                    </div>                                    
                                </div>  
                            </div>
                            <div class="wrap-item-container">
                                <div class="buttonContainer">
                                    <input type="submit" onclick="javascript: window.location.href = '${contextPath}/create-order/shipping-details/verify-shipping-simplex'" style="float:none; text-transform:none;" class="mce" value="Verify Shipping" />
                                </div>
                            </div>
                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                        <%@include file="../right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath}/resources/images/Nidec.jpg" />
            <img src="${contextPath}/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
